.warp{ width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto;}
.center{ width: 1200px; margin: 0 auto;}


/*header*/
.header{ height: 75px; position: relative; /* border-bottom: 1px solid #f3f3f3;*/ box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.header .logo{ float: left; width: 209px; height: 40px; margin: 18px 0 17px;}
.header .nav{ float: left; margin-left: 80px;}
.header .nav-list{ overflow: hidden;}
.header .nav-item{ float: left; position: relative; line-height: 75px;}
.header .nav-item a{ display: block; padding: 0 20px; border-left: 1px solid transparent; border-right: 1px solid transparent; text-decoration: none; font-size: 18px; color: #111111;}
.header .nav-item:hover:before{ content: ""; display: block; width: 100%; height: 3px; position: absolute; top: 0; left: 0; background: #4591e7;}
.header .nav-item:hover a{ border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}
.header .operation{ float: right;}
.header .operation .search{ display: block; float: left; width: 30px; height: 30px; margin: 22px; background: url("../images/icon-search.png") center no-repeat; cursor: pointer;}
.header .operation .line{ display: block; float: left; width: 1px; height: 35px; margin: 20px 0; background: #f3f3f3}
.header .operation .login{ display: block; float: left; padding-left: 25px; height: 30px; line-height: 30px; margin: 22px; background: url("../images/icon-user.png") left center no-repeat; font-size: 16px; color: #4591e7; cursor: pointer;}
.header .operation .logined{ display: block; float: left; padding-left: 25px; height: 30px; line-height: 30px; margin: 22px; background: url("../images/icon-user.png") left center no-repeat; font-size: 16px; color: #4591e7; cursor: pointer;}
.header .search-content{ display: none; position: absolute; width: 100%; height: 186px; left: 0; top: 77px; background: #ffffff; z-index: 9; overflow: hidden;}
.header .search-form{ width: 585px; margin: 45px auto 0;}
.header .search-form form{ display: block; position: relative;}
.header .search-form form .search-ipt{ width: 583px; height: 43px; padding: 0; border: 1px solid #4591e7; border-radius: 4px; text-indent: 1em;}
.header .search-form form .search-btn{ position: absolute; width: 92px; height: 45px; right: 0; top: 0; background: #4591e7; font-size: 22px; color: #ffffff;
border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.header .search-keywords{ margin-top: 22px; padding-right: 92px; text-align: center; font-size: 0;}
.header .search-keywords a{ display: inline-block; height: 35px; padding: 0 14px; margin: 0 10px; line-height: 35px; border-radius: 18px; background: #f0f2f5; font-size: 14px; color: #9da6b0;}


.footer-index{ background: #383a3c;}
.footer-index1{ background: #f0f0f0 url('https://www.cma.com.cn/style/images/footer_bg.png') 0 0 repeat;}
.footer-normal{ background: #f1f3f6;}
.footer .site-map{ overflow: hidden;}
.footer .footer-logo{ float: left; margin-top: 54px;}
.footer .map{ float: right; margin-top: 42px;}
.footer .map dl{ float: left; padding-left: 60px; margin-left: 50px;}
.footer-index .map dl{ border-left: 1px dashed #474849;}
.footer-normal .map dl{ border-left: 1px dashed #e4e5e8;}
.footer .map dl:first-child{ border-left: none;}
.footer .map dt{ font-size: 16px; line-height: 30px;}
.footer-index .map dt{ color: #ffffff;}
.footer-normal .map dt{ color: #555555;}
.footer .map dd a{ display: block; font-size: 14px; line-height: 36px;}
.footer-index .map dd a{ color: #8c8c8c; transition: all 0.2s linear;}
.footer-index .map dd a:hover{ color: #ffffff;}
.footer-normal .map dd a{ color: #b6b6b6; transition: all 0.2s linear;}
.footer-normal .map dd a:hover{ color: #555555;}
.footer .map dd img{ display: block; margin: 10px 0;}
.footer .friend-link{ margin-top: 40px; padding-top: 12px; overflow: hidden;}
.footer-index .friend-link{ border-top: 1px solid #464748;}
.footer-normal .friend-link{ border-top: 1px solid #e4e5e8;}
.footer .friend-link .title{ float: left; width: 64px; margin-right: 32px; font-size: 16px; line-height: 30px;}
.footer-index .friend-link .title{ color: #ffffff;}
.footer-normal .friend-link .title{ color: #555555;}
.footer .friend-link .links{ float: left; width: 1004px; overflow: hidden}
.footer .friend-link .links a{ display: block; float: left; margin-right: 14px; font-size: 14px; line-height: 30px;}
.footer-index .friend-link .links a{ color: #8c8c8c;}
.footer-normal .friend-link .links a{ color: #b6b6b6;}
.footer .copyright{ margin-top: 28px; padding: 15px 0 24px; text-align: center; font-size: 14px; line-height: 30px;}
.footer-index .copyright{ border-top: 1px solid #464748; color: #838383;}
.footer-normal .copyright{ border-top: 1px solid #e4e5e8; color: #b6b6b6;}

.breadCrumb{ color: #999999;position: relative; left: 20px; margin-top: 15px;}
.breadCrumb a{ display: inline-block; padding-right: 3px; color: #999999; font-size: 14px; line-height: 24px;}
.breadCrumb a:last-child{ color: #555555;}


.page{ text-align: center;}
/* .page a{ display: inline-block; margin: 0 2px; padding: 0 12px; height: 30px; line-height: 30px; background: #e4e7ea; text-align: center; font-size: 14px; color: #555555; border-radius: 3px; transition: all 0.3s linear;}
.page a.active{ background: #7bb6f9; color: #ffffff;}
.page a:hover{ background: #7bb6f9; color: #ffffff;}
.page span{ display: inline-block; margin-left: 20px; font-size: 12px; color: #999999;} */
.page ul li{ display: inline-block; margin: 0 2px; padding: 0 12px; height: 30px; line-height: 30px; background: #e4e7ea; text-align: center; font-size: 14px; color: #555555; border-radius: 3px; transition: all 0.3s linear;}
.page ul li.thisclass{ background: #7bb6f9; color: #ffffff;}
.page ul li:hover{ background: #7bb6f9; color: #ffffff;}
.page ul li a{color: #999999;}
.page ul li:hover a{ color: #ffffff;}
.page span{ display: inline-block; margin-left: 20px; font-size: 12px; color: #999999;}


.reference{ margin-top: 20px; padding: 0 20px; background: #ffffff;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.reference .reference-title{ padding: 11px 0; font-size: 20px; line-height: 30px; border-bottom: 1px solid #e7e7e7;}
.reference .reference-list{ margin: 0 -7px; padding: 9px 0 12px; overflow: hidden;}
.reference .reference-item{ float: left; width: 85px; height: 35px; margin: 5px; border-radius: 2px;}
.reference .reference-item a{ display: block; border: 1px solid #e7e7e7; text-align: center; font-size: 14px; color: #777777; line-height: 33px; transition: all 0.3s linear;}
.reference .reference-item.active a{ background: #4591e7; color: #ffffff; border-color: #4591e7;}

.popular{ margin-top: 20px; padding: 0 20px 20px; background: #ffffff;  box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.popular .popular-title{ padding: 11px 0; overflow: hidden;}
.popular .popular-title .title-text{ float: left; font-size: 20px; line-height: 30px;}
.popular .popular-title .progress{ float: right; width: 40px; text-align: center; font-size: 14px; line-height: 30px; color: #777777;}
.popular .popular-list{}
.popular .popular-item{ position: relative; margin-top: 15px; overflow: hidden;}
.popular .popular-item a{ display: block; padding-right: 50px; font-size: 14px; line-height: 20px; color: #777777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s linear;}
.popular .popular-item a:hover{ color: #4591e7;}
.popular .popular-item a b{ float: left; width: 20px; height: 20px; margin-right: 10px; text-align: center; line-height: 20px; font-weight: normal; background: #cecece; border-radius: 3px; color: #ffffff;}
.popular .popular-item:nth-child(1) a b{ background: #4591e7;}
.popular .popular-item:nth-child(2) a b{ background: #72b2fb;}
.popular .popular-item:nth-child(3) a b{ background: #a5cffe;}
.popular .popular-item .progress-component{ position: absolute; right: 0; top: 50%; margin-top: -3px; width: 40px; height: 6px; overflow: hidden;}
.popular .popular-item .progress-component i{ display: block; width: 0; height: 100%; background: #cbe2fc; border-radius: 3px;}


/*登录注册*/
.sign{ position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; z-index: 100000;}
.sign .mask{ width: 100%; height: 100%; background: #000000; opacity: 0.5;}
.sign .login-box{ width: 370px; position: absolute; left: 50%; margin-left: -185px; top: 200px; background: #ffffff;}
.sign .login-box h1{ width: 198px; height: 50px; background: #4591e7; line-height: 50px; text-align: center; font-size: 20px; color: #ffffff; border-radius: 5px; margin: -25px auto 0;}
.sign .sign-content{ margin: 38px auto 0; padding-bottom: 35px; width: 326px;}
.sign .sign-switch-nav{ margin-bottom: 16px; overflow: hidden}
.sign .sign-switch-nav .switch-item{ float: left; width: 50%; font-size: 16px; line-height: 30px; color: #b4b4b4; text-align: center; cursor: pointer;}
.sign .sign-switch-nav .switch-item.active{ color: #4591e7;}
.sign .account .form-ctrl{ position: relative; margin-bottom: 24px; height: 30px; border-bottom: 1px solid #e8e8e8;}
.sign .account .form-ctrl input{ width: 100%; height: 100%; padding: 0; font-size: 14px; text-indent: 0.5em; outline: none;}
.sign .account .form-ctrl .verification{ position: absolute; right: 0; top: 0; font-size: 14px; color: #4591e7; line-height: 30px; cursor: pointer;}
.sign .account .form-ctrl .verification.disabled{ color: #777777}
.sign .account .form-ctrl .verify{ position: absolute; right: 0; top: 0; font-size: 14px; color: #4591e7; line-height: 30px; cursor: pointer;}
.sign .account-create .form-ctrl .tel{ padding-right: 80px; box-sizing: border-box;}
.sign .account button{ width: 100%; height: 52px; margin-top: 14px; line-height: 52px; background: #4591e7; text-align: center; font-size: 22px; color: #ffffff; border-radius: 5px;}
.sign .account .forget{ margin: -8px 0; overflow: hidden;}
.sign .account .forget a{ float: right; font-size: 14px; line-height: 30px; color: #b4b4b4;}
.sign .form-item{ float:left; font-size:12px; padding-top: 5px}
.sign .form-item em{ font-style:normal; color:#999}
.sign .form-item a{ color:#16914e !important; float: none !important; line-height: normal !important}

.left_box{ display: block !important}
#LRdiv0,#LRdiv1,.consultationBox{display: none !important;}